<template>
  <div class="main-box">
    <div class="title">{{title}}</div>
    <slot class="content"></slot>
  </div>
</template>

<script>
    export default {
        name: "pieChartBox",
        props: {
            title: {
                type:String,
                default: "标题"
            }
        }
    }
</script>

<style lang="scss" scoped>
  .main-box {
    width: calc(100% - 52px);
    height: 300px;
    margin: 10px 0 20px 20px;
    background-color: white;
    padding: 20px 16px;
    border-radius: 10px;
    .title {
      font-size: 18px;
      font-weight: 400;
      color: #333333;
    }
    .content {
      height: 80%;
    }
  }
</style>
